<template>
    <div class="home">
        <app-header></app-header>
        <van-tabs v-model="active" swipeable color="#e0000d" title-active-color="#e0000d" title-inactive-color="#666666">
            <van-tab v-for="(item,index) in titleList" :title="item.title" :key="index">
                <h2>
                    {{ item.title }}内容
                </h2>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script>
import header from '../../components/header/header'
export default {
    components: {
        'app-header': header
    },
    data: function () {
        return {
            titleList: [
                {title: '推荐', id: 1},
                {title: '华为专区', id: 2},
                {title: '智能家居', id: 3},
                {title: '新品首发', id: 4},
                {title: '莫塞尔专区', id: 5},
                {title: '拼团', id: 6},
                {title: '教育优惠', id: 7},
                {title: '以旧换新', id: 8},
                {title: '福利中心', id: 9},
            ]
        };
    },

}
</script>
<style>

</style>